<template>
  <div class="sort">
    <ul class="f_ul">
        <li>
          <router-link to="/index"> 
            <img src="../../images/liushuxue/home_icon_new.png" alt="">
            <p>首页</p>
          </router-link>
        </li>
        <li>
          <router-link to="/sort">
            <!-- //img02.hua.com/m/icon/classify_icon_new.png -->
            <img class="aaa" src="../../images/liushuxue/classify_icon_new.png" alt="">
            <p>分类</p>
          </router-link>
        </li>
        <li>
          <router-link to="/shoppingCart">
            <img src="../../images/liushuxue/cart_icon_new.png" alt="">
            <p>购物车</p>
          </router-link>
        </li>
        <li>
          <router-link to="/mine">
            <img src="../../images/liushuxue/my_icon_new.png" alt="">
            <p>我的</p>
          </router-link>
        </li>
      </ul>
  </div>
</template>
<script>

export default {
  data() {
    return {
     
    };
  },
  methods: {}
};
</script>
<style lang="less" scoped>

/* 分类部分 */
.sort {
  padding:3px 0;
  width: 100%;
  background-color: #fff;
  height: 48px;
  border-bottom: 1px solid #e4e4e4;
}
.f_ul {
  overflow: hidden;
  margin-bottom: 3px;
}
.f_ul li {
  float: left;
  width: 25%;
}
.f_ul li a {
  text-align: center;
  display: block;
}
.f_ul li a img {
  width: 20px;
  height: 20px;
}
.f_ul li a p {
  margin-top: 3px;
  font-size: 10px;
  color: #494949;
  margin-bottom: 2px;
}

</style>